<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>按钮</title>
		<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css"/>
	</head>
	<body>
		<!-- 
			按钮
				向任意HTML元素设定*class="layui-btn"*，建立一个基础按钮。
				通过追加格式为*layui-btn-{type}*的class来定义其它按钮风格。
		 -->
		 <!-- 基础按钮 -->
		 <button type="button" class="layui-btn">一个标准的按钮</button>
		 <a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>
		 <div class="layui-btn">一个按钮</div>
		 <hr>
		 <!-- 不同主题的按钮 -->
		 <button class="layui-btn">默认按钮</button>
		 <button class="layui-btn layui-btn-primary">原始按钮</button> 
		 <button class="layui-btn layui-btn-normal">百搭按钮</button>
		 <button class="layui-btn layui-btn-warm">暖色按钮</button>
		 <button class="layui-btn layui-btn-danger">警告按钮</button>
		 <button class="layui-btn layui-btn-disabled">禁用按钮</button>
		 <hr>
		 <!-- 不同尺寸的按钮 -->
		 <button class="layui-btn layui-btn-primary layui-btn-lg">大型</button> 
		 <button class="layui-btn">默认</button>
		 <button class="layui-btn layui-btn-sm layui-btn-danger">小型</button>
		 <button class="layui-btn layui-btn-xs">迷你</button>
		 <hr>
		 <!-- layui-btn-radius 圆角按钮 -->
		 <button class="layui-btn layui-btn-radius">默认按钮</button>
		 <button class="layui-btn layui-btn-primary layui-btn-radius">原始按钮</button> 
		 <button class="layui-btn layui-btn-normal layui-btn-radius">百搭按钮</button>
		 <button class="layui-btn layui-btn-warm layui-btn-radius">暖色按钮</button>
		 <button class="layui-btn layui-btn-danger layui-btn-radius">警告按钮</button>
		 <button class="layui-btn layui-btn-disabled layui-btn-radius">禁用按钮</button>
		 <hr>
		 <!-- 图标按钮 -->
		 <button type="button" class="layui-btn">
		     <i class="layui-icon">&#xe608;</i> 添加
		 </button>
		 
		 <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
		     <i class="layui-icon">&#x1002;</i> 刷新
		 </button>
		 
		 <button type="button" class="layui-btn layui-btn-sm layui-btn-warm">
		     <i class="layui-icon layui-icon-heart"></i> 关注
		 </button>
		 
	</body>
</html>
